<template>
  <div id="welcome">
    <div class="welcome-left">
      <div class="welcome-left-word">欢迎加入山姆</div>
      <div class="welcome-left-word">入会享70元新人券</div>
      <div class="welcome-left-word1">变身品质生活家</div>
    </div>
    <img src="@/assets/pictures/goods/sk.webp" alt="">
  </div>
</template>
<script>
export default {
  name: 'WelcomeCard',
  components: {

  },
  mixins: [],
  props: {

  },
  data() {
    return {

    }
  }
};
</script>
<style lang='less' scoped>
#welcome {
  height: 12rem;
  width: 34rem;
  background-color: white;
  margin-top: 1.5rem;
  border-radius: 0.5rem;
  color: rgb(167, 128, 28);
  position: relative;

  .welcome-left {
    padding: 2rem;
    text-align: left;
    .welcome-left-word{
      font-size: 1.8rem;
      margin-bottom: 0.5rem;
    }
    .welcome-left-word1 {
      color: rgb(166, 160, 160);
      font-size: 1.3rem;
      font-weight: normal;
    }
  }
  img{
    width: 10rem;
    position: absolute;
      right: 2rem;
      top:0.8rem
  }
}
</style>